<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<jsp:include page="../framework/header.jsp" />
<div id="container"
	class="effect aside-float aside-bright mainnav-lg navbar-fixed mainnav-fixed aside-fixed">

	<jsp:include page="../framework/topper.jsp" />
	<div class="boxed">
		<!--=======================  页面主体内容  ============================-->
		<div id="content-container">
			<div class="wrapper">
				<!--=========================  页面标题  ==========================-->
				<div id="page-title">
						<p class="page-header text-overflow table-header">
							tabs分组&nbsp;&nbsp;<small>说明文字</small>
						</p>
					</div>
					<ol class="breadcrumb">
						<li><a href="#">UI样式</a></li>
						<li class="active">tabs分组</li>
					</ol>
				<div id="page-content">
					<div class="tab-base tab-stacked-left">

						<!--Nav tabs-->
						<ul class="nav nav-tabs">
							<li class="active"><a data-toggle="tab"
								href="#demo-stk-lft-tab-1">公共组件</a></li>
							<li><a data-toggle="tab" href="#demo-stk-lft-tab-2">pcitc组件</a>
							</li>
							<li><a data-toggle="tab" href="#demo-stk-lft-tab-3">其它组件</a>
							</li>
						</ul>

						<!--Tabs Content-->
						<div class="tab-content">
							<div id="demo-stk-lft-tab-1" class="tab-pane fade active in">
								<div class="row">
									<div class="col-md-3">
										<div class="panel">
						                    <div class="pad-all">
						                        <div class="media">
						                            <div class="media-left">
						                                <img alt="Profile Picture" class="img-md img-circle" src="${pageContext.request.contextPath}/static/images/8.png">
						                            </div>
						                            <div class="media-body pad-top">
						                                <span class="text-lg text-semibold">Nginx 1.6</span>
						                                <p class="text-sm">跨平台的web服务器</p>
						                            </div>
						                        </div>
						                        <div class="clearfix">
							                         <button class="btn btn-default btn-rounded pull-right"><i class="fa fa-plus"></i></button>
												</div>
						                    </div>
						                </div>
						             </div>
						             <div class="col-md-3">
						                <div class="panel">
						                    <div class="pad-all">
						                        <div class="media">
						                            <div class="media-left">
						                                <img alt="Profile Picture" class="img-md img-circle" src="${pageContext.request.contextPath}/static/images/4.png">
						                            </div>
						                            <div class="media-body pad-top">
						                                <span class="text-lg text-semibold">tomcate 7.0.2</span>
						                                <p class="text-sm">跨平台的web服务器</p>
						                            </div>
						                        </div>
						                        <div class="clearfix">
							                         <button class="btn btn-default btn-rounded pull-right"><i class="fa fa-plus"></i></button>
												</div>
						                    </div>
						                </div>
									</div>
									<div class="col-md-3">
						                <div class="panel">
						                    <div class="pad-all">
						                        <div class="media">
						                            <div class="media-left">
						                                <img alt="Profile Picture" class="img-md img-circle" src="${pageContext.request.contextPath}/static/images/4.png">
						                            </div>
						                            <div class="media-body pad-top">
						                                <span class="text-lg text-semibold">tomcate 7.0.2</span>
						                                <p class="text-sm">跨平台的web服务器</p>
						                            </div>
						                        </div>
						                        <div class="clearfix">
							                         <button class="btn btn-default btn-rounded pull-right"><i class="fa fa-plus"></i></button>
												</div>
						                    </div>
						                </div>
									</div>
									<div class="col-md-3">
						                <div class="panel">
						                    <div class="pad-all">
						                        <div class="media">
						                            <div class="media-left">
						                                <img alt="Profile Picture" class="img-md img-circle" src="${pageContext.request.contextPath}/static/images/4.png">
						                            </div>
						                            <div class="media-body pad-top">
						                                <span class="text-lg text-semibold">tomcate 7.0.2</span>
						                                <p class="text-sm">跨平台的web服务器</p>
						                            </div>
						                        </div>
						                        <div class="clearfix">
							                         <button class="btn btn-default btn-rounded pull-right"><i class="fa fa-plus"></i></button>
												</div>
						                    </div>
						                </div>
									</div>
									<div class="col-md-3">
										<div class="panel">
						                    <div class="pad-all">
						                        <div class="media">
						                            <div class="media-left">
						                                <img alt="Profile Picture" class="img-md img-circle" src="${pageContext.request.contextPath}/static/images/8.png">
						                            </div>
						                            <div class="media-body pad-top">
						                                <span class="text-lg text-semibold">Nginx 1.6</span>
						                                <p class="text-sm">跨平台的web服务器</p>
						                            </div>
						                        </div>
						                        <div class="clearfix">
							                         <button class="btn btn-default btn-rounded pull-right"><i class="fa fa-plus"></i></button>
												</div>
						                    </div>
						                </div>
						             </div>
									<div class="col-md-3">
										<div class="panel">
						                    <div class="pad-all">
						                        <div class="media">
						                            <div class="media-left">
						                                <img alt="Profile Picture" class="img-md img-circle" src="${pageContext.request.contextPath}/static/images/8.png">
						                            </div>
						                            <div class="media-body pad-top">
						                                <span class="text-lg text-semibold">Nginx 1.6</span>
						                                <p class="text-sm">跨平台的web服务器</p>
						                            </div>
						                        </div>
						                        <div class="clearfix">
							                         <button class="btn btn-default btn-rounded pull-right"><i class="fa fa-plus"></i></button>
												</div>
						                    </div>
						                </div>
						             </div>
									<div class="col-md-3">
										<div class="panel">
						                    <div class="pad-all">
						                        <div class="media">
						                            <div class="media-left">
						                                <img alt="Profile Picture" class="img-md img-circle" src="${pageContext.request.contextPath}/static/images/8.png">
						                            </div>
						                            <div class="media-body pad-top">
						                                <span class="text-lg text-semibold">Nginx 1.6</span>
						                                <p class="text-sm">跨平台的web服务器</p>
						                            </div>
						                        </div>
						                        <div class="clearfix">
							                         <button class="btn btn-default btn-rounded pull-right"><i class="fa fa-plus"></i></button>
												</div>
						                    </div>
						                </div>
						             </div>
									<div class="col-md-3">
										<div class="panel">
						                    <div class="pad-all">
						                        <div class="media">
						                            <div class="media-left">
						                                <img alt="Profile Picture" class="img-md img-circle" src="${pageContext.request.contextPath}/static/images/8.png">
						                            </div>
						                            <div class="media-body pad-top">
						                                <span class="text-lg text-semibold">Nginx 1.6</span>
						                                <p class="text-sm">跨平台的web服务器</p>
						                            </div>
						                        </div>
						                        <div class="clearfix">
							                         <button class="btn btn-default btn-rounded pull-right"><i class="fa fa-plus"></i></button>
												</div>
						                    </div>
						                </div>
						             </div>
									<div class="col-md-3">
										<div class="panel">
						                    <div class="pad-all">
						                        <div class="media">
						                            <div class="media-left">
						                                <img alt="Profile Picture" class="img-md img-circle" src="${pageContext.request.contextPath}/static/images/8.png">
						                            </div>
						                            <div class="media-body pad-top">
						                                <span class="text-lg text-semibold">Nginx 1.6</span>
						                                <p class="text-sm">跨平台的web服务器</p>
						                            </div>
						                        </div>
						                        <div class="clearfix">
							                         <button class="btn btn-default btn-rounded pull-right"><i class="fa fa-plus"></i></button>
												</div>
						                    </div>
						                </div>
						             </div>
									<div class="col-md-3">
										<div class="panel">
						                    <div class="pad-all">
						                        <div class="media">
						                            <div class="media-left">
						                                <img alt="Profile Picture" class="img-md img-circle" src="${pageContext.request.contextPath}/static/images/8.png">
						                            </div>
						                            <div class="media-body pad-top">
						                                <span class="text-lg text-semibold">Nginx 1.6</span>
						                                <p class="text-sm">跨平台的web服务器</p>
						                            </div>
						                        </div>
						                        <div class="clearfix">
							                         <button class="btn btn-default btn-rounded pull-right"><i class="fa fa-plus"></i></button>
												</div>
						                    </div>
						                </div>
						             </div>
								</div>
							</div>
							<div id="demo-stk-lft-tab-2" class="tab-pane fade">
								<div class="row">
						             <div class="col-md-3">
						                <div class="panel">
						                    <div class="pad-all">
						                        <div class="media">
						                            <div class="media-left">
						                                <img alt="Profile Picture" class="img-md img-circle" src="${pageContext.request.contextPath}/static/images/4.png">
						                            </div>
						                            <div class="media-body pad-top">
						                                <span class="text-lg text-semibold">tomcate 7.0.2</span>
						                                <p class="text-sm">跨平台的web服务器</p>
						                            </div>
						                        </div>
						                        <div class="clearfix">
							                         <button class="btn btn-default btn-rounded pull-right"><i class="fa fa-plus"></i></button>
												</div>
						                    </div>
						                </div>
									</div>
									<div class="col-md-3">
										<div class="panel">
						                    <div class="pad-all">
						                        <div class="media">
						                            <div class="media-left">
						                                <img alt="Profile Picture" class="img-md img-circle" src="${pageContext.request.contextPath}/static/images/8.png">
						                            </div>
						                            <div class="media-body pad-top">
						                                <span class="text-lg text-semibold">Nginx 1.6</span>
						                                <p class="text-sm">跨平台的web服务器</p>
						                            </div>
						                        </div>
						                        <div class="clearfix">
							                         <button class="btn btn-default btn-rounded pull-right"><i class="fa fa-plus"></i></button>
												</div>
						                    </div>
						                </div>
						             </div>
								</div>
							</div>
							<div id="demo-stk-lft-tab-3" class="tab-pane fade">
								<p class="text-main text-semibold">Third Tab Content</p>
								<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit,
									sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna
									aliquam erat volutpat. Ut wisi enim ad minim veniam, quis
									nostrud exerci tation ullamcorper suscipit lobortis nisl ut
									aliquip ex ea commodo consequat. Duis autem vel eum iriure
									dolor in hendrerit in vulputate velit esse molestie consequat,
									vel illum dolore eu feugiat nulla facilisis at vero eros et
									accumsan et iusto odio dignissim qui blandit praesent luptatum
									zzril delenit augue duis dolore te feugait nulla facilisi. Nam
									liber tempor cum soluta nobis eleifend option congue nihil
									imperdiet doming id quod mazim placerat facer possim assum.
									Typi non habent claritatem insitam; est usus legentis in iis
									qui facit eorum claritatem. Investigationes demonstraverunt
									lectores legere me lius quod ii legunt saepius. Claritas est
									etiam processus dynamicus, qui sequitur mutationem consuetudium
									lectorum. Mirum est notare quam littera gothica, quam nunc
									putamus parum claram, anteposuerit litterarum formas
									humanitatis per seacula quarta decima et quinta decima. Eodem
									modo typi, qui nunc nobis videntur parum clari, fiant sollemnes
									in futurum.</p>
							</div>
						</div>
					</div>
					
					<div class="row">
					    <div class="col-lg-6">
					
					        <!--Default Tabs (Left Aligned)-->
					        <!--===================================================-->
					        <div class="tab-base">
					
					            <!--Nav Tabs-->
					            <ul class="nav nav-tabs">
					                <li class="active">
					                    <a data-toggle="tab" href="#demo-lft-tab-1">Home <span class="badge badge-purple">27</span></a>
					                </li>
					                <li>
					                    <a data-toggle="tab" href="#demo-lft-tab-2">Profile</a>
					                </li>
					                <li>
					                    <a data-toggle="tab" href="#demo-lft-tab-3">Setting</a>
					                </li>
					            </ul>
					
					            <!--Tabs Content-->
					            <div class="tab-content">
					                <div id="demo-lft-tab-1" class="tab-pane fade active in">
					                    <p class="text-main text-semibold">First Tab Content</p>
					                    <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p>
					                </div>
					                <div id="demo-lft-tab-2" class="tab-pane fade">
					                    <p class="text-main text-semibold">Second Tab Content</p>
					                    <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p>
					                </div>
					                <div id="demo-lft-tab-3" class="tab-pane fade">
					                    <p class="text-main text-semibold">Third Tab Content</p>
					                    <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p>
					                </div>
					            </div>
					        </div>
					        <!--===================================================-->
					        <!--End Default Tabs (Left Aligned)-->
					
					
					        <!--Icon Tabs (Left Aligned)-->
					        <!--===================================================-->
					        <div class="tab-base">
					
					            <!--Nav tabs-->
					            <ul class="nav nav-tabs">
					                <li class="active"><a data-toggle="tab" href="#demo-ico-lft-tab-1"><i class="demo-psi-home"></i></a></li>
					                <li><a data-toggle="tab" href="#demo-ico-lft-tab-2"><i class="demo-psi-heart-2"></i></a></li>
					                <li><a data-toggle="tab" href="#demo-ico-lft-tab-3"><i class="demo-psi-gear"></i></a></li>
					            </ul>
					
					
					            <!--Tabs Content-->
					            <div class="tab-content">
					                <div id="demo-ico-lft-tab-1" class="tab-pane fade active in">
					                    <p class="text-main text-semibold">First Tab Content</p>
					                    <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p>
					                </div>
					                <div id="demo-ico-lft-tab-2" class="tab-pane fade">
					                    <p class="text-main text-semibold">Second Tab Content</p>
					                    <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p>
					                </div>
					                <div id="demo-ico-lft-tab-3" class="tab-pane fade">
					                    <p class="text-main text-semibold">Third Tab Content</p>
					                    <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p>
					                </div>
					            </div>
					        </div>
					        <!--===================================================-->
					        <!--End Icon Tabs (Left Aligned)-->
					
					
					        <!--Panel with Tabs-->
					        <!--===================================================-->
					        <div class="panel">
					
					            <!--Panel heading-->
					            <div class="panel-heading">
					                <div class="panel-control">
					                    <ul class="nav nav-tabs">
					                        <li class="active"><a href="#demo-tabs-box-1" data-toggle="tab">First Tab</a></li>
					                        <li><a href="#demo-tabs-box-2" data-toggle="tab">Second Tab</a></li>
					                    </ul>
					                </div>
					                <h3 class="panel-title">Panel With tabs</h3>
					            </div>
					
					            <!--Panel body-->
					            <div class="panel-body">
					                <div class="tab-content">
					                    <div class="tab-pane fade in active" id="demo-tabs-box-1">
					                        <p class="text-main text-semibold">First Tab Content</p>
					                        <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p>
					                    </div>
					                    <div class="tab-pane fade" id="demo-tabs-box-2">
					                        <p class="text-main text-semibold">Second Tab Content</p>
					                        <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p>
					                    </div>
					                </div>
					            </div>
					        </div>
					        <!--===================================================-->
					        <!--End Panel with Tabs-->
					
					
					        <!--Stacked Tabs Left-->
					        <!--===================================================-->
					        <div class="tab-base tab-stacked-left">
					
					            <!--Nav tabs-->
					            <ul class="nav nav-tabs">
					                <li class="active">
					                    <a data-toggle="tab" href="#demo-stk-lft-tab-1">Home</a>
					                </li>
					                <li>
					                    <a data-toggle="tab" href="#demo-stk-lft-tab-2">Profile</a>
					                </li>
					                <li>
					                    <a data-toggle="tab" href="#demo-stk-lft-tab-3">Setting</a>
					                </li>
					            </ul>
					
					            <!--Tabs Content-->
					            <div class="tab-content">
					                <div id="demo-stk-lft-tab-1" class="tab-pane fade active in">
					                    <p class="text-main text-semibold">First Tab Content</p>
					                    <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p>
					                </div>
					                <div id="demo-stk-lft-tab-2" class="tab-pane fade">
					                    <p class="text-main text-semibold">Second Tab Content</p>
					                    <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p>
					                </div>
					                <div id="demo-stk-lft-tab-3" class="tab-pane fade">
					                    <p class="text-main text-semibold">Third Tab Content</p>
					                    <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius. Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. Mirum est notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas humanitatis per seacula quarta decima et quinta decima. Eodem modo typi, qui nunc nobis videntur parum clari, fiant sollemnes in futurum.</p>
					                </div>
					            </div>
					        </div>
					        <!--===================================================-->
					        <!--End Stacked Tabs Left-->
					
					    </div>
					    <div class="col-lg-6">
					
					        <!--Default Tabs (Right Aligned)-->
					        <!--===================================================-->
					        <div class="tab-base">
					
					            <!--Nav tabs-->
					            <ul class="nav nav-tabs tabs-right">
					                <li class="active">
					                    <a data-toggle="tab" href="#demo-rgt-tab-1">Home</a>
					                </li>
					                <li>
					                    <a data-toggle="tab" href="#demo-rgt-tab-2">Profile <span class="badge badge-success">23</span></a>
					                </li>
					                <li>
					                    <a data-toggle="tab" href="#demo-rgt-tab-3">Setting</a>
					                </li>
					            </ul>
					
					            <!--Tabs Content-->
					            <div class="tab-content">
					                <div id="demo-rgt-tab-1" class="tab-pane fade active in">
					                    <p class="text-main text-semibold">First Tab Content</p>
					                    <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p>
					                </div>
					                <div id="demo-rgt-tab-2" class="tab-pane fade">
					                    <p class="text-main text-semibold">Second Tab Content</p>
					                    <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p>
					                </div>
					                <div id="demo-rgt-tab-3" class="tab-pane fade">
					                    <p class="text-main text-semibold">Third Tab Content</p>
					                    <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p>
					                </div>
					            </div>
					        </div>
					        <!--===================================================-->
					        <!--End Default Tabs (Right Aligned)-->
					
					
					        <!--Icon Tabs (Right Aligned)-->
					        <!--===================================================-->
					        <div class="tab-base">
					
					            <!--Nav tabs-->
					            <ul class="nav nav-tabs tabs-right">
					                <li class="active">
					                    <a data-toggle="tab" href="#demo-ico-rgt-tab-1"><i class="demo-psi-home"></i></a>
					                </li>
					                <li>
					                    <a data-toggle="tab" href="#demo-ico-rgt-tab-2"><i class="demo-psi-heart-2"></i></a>
					                </li>
					                <li>
					                    <a data-toggle="tab" href="#demo-ico-rgt-tab-3"><i class="demo-psi-gear"></i></a>
					                </li>
					            </ul>
					
					            <!--Tabs Content-->
					            <div class="tab-content">
					                <div id="demo-ico-rgt-tab-1" class="tab-pane fade active in">
					                    <p class="text-main text-semibold">First Tab Content</p>
					                    <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p>
					                </div>
					                <div id="demo-ico-rgt-tab-2" class="tab-pane fade">
					                    <p class="text-main text-semibold">Second Tab Content</p>
					                    <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p>
					                </div>
					                <div id="demo-ico-rgt-tab-3" class="tab-pane fade">
					                    <p class="text-main text-semibold">Third Tab Content</p>
					                    <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p>
					                </div>
					            </div>
					        </div>
					        <!--===================================================-->
					        <!--End Icon tabs (Right Aligned)-->
					
					
					        <!--Panel with Icon Tabs-->
					        <!--===================================================-->
					        <div class="panel">
					            <!--Panel heading-->
					            <div class="panel-heading">
					                <div class="panel-control">
					                    <ul class="nav nav-tabs">
					                        <li class="active">
					                            <a href="#demo-tabs2-box-1" data-toggle="tab">
					                                <i class="demo-psi-idea-2"></i>
					                            </a>
					                        </li>
					                        <li>
					                            <a href="#demo-tabs2-box-2" data-toggle="tab">
					                                <i class="demo-psi-pen-5"></i>
					                            </a>
					                        </li>
					                    </ul>
					                </div>
					                <h3 class="panel-title">Panel With tabs</h3>
					            </div>
					
					            <!--Panel Body-->
					            <div class="panel-body">
					                <div class="tab-content">
					                    <div class="tab-pane fade in active" id="demo-tabs2-box-1">
					                        <p class="text-main text-semibold">First Tab Content</p>
					                        <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p>
					                    </div>
					                    <div class="tab-pane fade" id="demo-tabs2-box-2">
					                        <p class="text-main text-semibold">Second Tab Content</p>
					                        <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p>
					                    </div>
					                </div>
					            </div>
					        </div>
					        <!--===================================================-->
					        <!--End Panel with Icon Tabs-->
					
					
					        <!--Stacked Tabs Right-->
					        <!--===================================================-->
					        <div class="tab-base tab-stacked-right">
					
					            <!--Tabs Content-->
					            <div class="tab-content">
					                <div id="demo-stk-rgt-tab-1" class="tab-pane fade active in">
					                    <p class="text-main text-semibold">First Tab Content</p>
					                    <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p>
					                </div>
					
					                <div id="demo-stk-rgt-tab-2" class="tab-pane fade">
					                    <p class="text-main text-semibold">Second Tab Content</p>
					                    <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p>
					                </div>
					
					                <div id="demo-stk-rgt-tab-3" class="tab-pane fade">
					                    <p class="text-main text-semibold">Third Tab Content</p>
					                    <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius. Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. Mirum est notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas humanitatis per seacula quarta decima et quinta decima. Eodem modo typi, qui nunc nobis videntur parum clari, fiant sollemnes in futurum.</p>
					                </div>
					            </div>
					
					            <!--Nav Tabs-->
					            <ul class="nav nav-tabs">
					                <li class="active">
					                    <a data-toggle="tab" href="#demo-stk-rgt-tab-1">Home</a>
					                </li>
					                <li>
					                    <a data-toggle="tab" href="#demo-stk-rgt-tab-2">Profile</a>
					                </li>
					                <li>
					                    <a data-toggle="tab" href="#demo-stk-rgt-tab-3">Setting</a>
					                </li>
					            </ul>
					        </div>
					        <!--===================================================-->
					        <!--End Stacked Tabs Right-->
					
					    </div>
					</div>

				</div>
			</div>
		</div>

		<!--=========================  过程可视化消息栏  ==========================-->
		<jsp:include page="../framework/aside.jsp" />

		<!--=========================  左侧菜单  ==========================-->
		<jsp:include page="../framework/lefter.jsp" />

	</div>

	<!--=========================  页面底部版权信息  ==========================-->
	<jsp:include page="../framework/footer.jsp" />

	<!--=========================  返回顶层按钮  ==========================-->
	<button class="scroll-top btn">
		<i class="pci-chevron chevron-up"></i>
	</button>
	<!--=========================  选择皮肤功能  ==========================-->
	<jsp:include page="../framework/page-set.jsp" />

	<div id="floating-top-right" class="floating-container"></div>
</div>
<!--===================================================-->
<!-- END OF CONTAINER -->

<jsp:include page="../framework/script.jsp" />
</body>
</html>